{% extends "web/base.html" %}
{% load static from staticfiles %}

{% block mylink %}
    <link rel="stylesheet" type="text/css" href="{% static 'web/css/member.css' %}">
    <link rel="stylesheet" type="text/css" href="{% static 'web/css/member-app.css' %}">
    <link rel="stylesheet" type="text/css" href="{% static 'web/css/order.css' %}">
    <link rel="stylesheet" type="text/css" href="{% static 'web/css/order-app.css' %}">
{% endblock %}

{% block mainbody %}
<!-- 主内容区域 -->
<div class="mainbody order">
	<div class="container">
		<!-- 面包屑导航 -->
		<div class="crumbs ">
			<ol class="breadcrumb">
				<li class="hidden-xs hidden-sm"><a href="{% url 'index' %}">首页</a></li>
				<li class="active">我的商城</li>
			</ol>
		</div>
		<!-- 面包屑导航 E-->
		
		<div class="main clearfix">
			<!-- 左侧导航 -->
			<div class="left-nav f-fl hidden-xs hidden-sm">
				<div class="nav-main">
					<a href="javascript:;" class="type-title"><span class="glyphicon glyphicon-list-alt" aria-hidden="true"></span>订单中心</a>
					<a href="{% url 'vip_orders' %}?state=" class="ml" >我的订单</a>
					<a href="#" class="ml " >我的回购单</a>
					<a href="#" class="ml " >我的意外保</a>
					<a href="{% url 'vip_info' %}" class="type-title active"><span class="glyphicon glyphicon-user" aria-hidden="true"></span>个人中心</a>
					<a href="#" class="ml " >地址管理</a>
					<a href="#" class="ml " >我的收藏</a>
					<a href="#" class="ml " >消息提醒</a>
					<a href="#" class="ml ">建议反馈</a>
				</div>
			</div>
			<!-- 左侧导航 E-->

			<!-- 右侧内容展示 -->
			<div class="right-content f-fr col-xs-12 col-sm-12">
				<div class="index-main">
					<!-- 右侧上半部分内容展示 -->
					<div class="top clearfix">
						<!-- 个人信息展示 -->
						<div class="information clearfix f-fl col-xs-12 col-sm-12" style="padding-top:16px;padding-bottom:10px;">
							<div class="pic f-fl" style="float:left;width:200px;">
							  	<div class="pic f-fl" style="width:100%;">
							  		<img src="{% static 'web/img/member/portrait.jpg' %}" alt="" style="margin-left:15px">
							  	</div>
							  	<div class="name f-fl" style="width:100%;">
							  		<span style="text-align:center;">{{ member.username }}</span>
							  	</div>
							</div>
							<!--<div class="name f-fl" style="float:left;">
								<span>{{ member.username }}</span>
								<span>欢迎您回来！</span>
							</div>-->
							<div class="info f-fl" style="float:left;">
								<table width="440" style="margin-top:10px;">
							        <tr height="30">
							            <th width="12%" style="text-align:right;">姓名：</th>
							            <td width="25%">{{ member.name }}</td>
							            <th width="12%" style="text-align:right;">性&nbsp;&nbsp;别：</th>
							            <td width="51%">{% if member.sex == 1 %}男{% else %}女{% endif%}</td>
							        </tr>
							        <tr height="30">
							            <th style="text-align:right;">电话：</th>
							            <td>{{ member.phone }}</td>
							            <th style="text-align:right;">Email：</th>
							            <td>{{ member.email }}</td>
							        </tr>
							        <tr height="30">
							            <th style="text-align:right;">邮编：</th>
							            <td>{{ member.code }}</td>
							            <th style="text-align:right;">地&nbsp;&nbsp;址：</th>
							            <td>{{ member.address }}</td>
							        </tr>
							        <tr height="30">
							        	<td colspan="2" align="center">
							        		<a class="edit" href="{% url 'vip_resetps' %}" style="color:#f56313;">重置密码 &gt;</a>
							        	</td>
							        	<td colspan="2" align="center">
											<a class="edit" href="{% url 'vip_edit' %}" style="color:#00c3f5;">编辑个人信息 &gt;</a>
										</td>
							        </tr>
							    </table>
							</div>              

						</div>
						<!-- 个人信息展示 E-->


					</div>
					<!-- 右侧上半部分内容展示 E-->
				</div>
			</div>
			<!-- 右侧内容展示 E-->
		</div>
	</div>	
</div>
<!-- 主内容区域 E-->
{% endblock %}
